<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href="/user/css/style.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<title>注册成功</title>
<style>
/* 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值 */
a{-webkit-tap-highlight-color:transparent;outline:none;}
.body{padding-top:0 !important;}

/* 成功页面容器 */
.success-container{
	padding:0 0.16rem;
	overflow-y: auto;
}

/* 成功图标区域 */
.success-header{
	text-align:center;
	padding:0.32rem 0;
}

.success-icon{
	width:0.8rem;
	height:0.8rem;
	margin:0 auto 0.16rem;
	background:#16a34a;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
}
.success-icon::after{
	content:'✓';
	color:#fff;
	font-size:0.5rem;
	font-weight:700;
	line-height:1;
}

.success-title{
	font-size:0.22rem;
	font-weight:700;
	color:#1e293b;
	margin-bottom:0.08rem;
}

.success-desc{
	font-size:0.13rem;
	color:#64748b;
}

/* 信息卡片 */
.info-card{
	background:#fff;
	border-radius:0.12rem;
	padding:0.24rem;
	box-shadow:0 0.02rem 0.08rem rgba(0,0,0,0.04);
	margin-bottom:0.16rem;
}

.info-title{
	font-size:0.16rem;
	font-weight:700;
	color:#1e293b;
	margin-bottom:0.16rem;
	padding-bottom:0.12rem;
	border-bottom:0.01rem solid #f1f5f9;
}

.info-item{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:0.12rem 0;
	border-bottom:0.01rem solid #f8f9fa;
}
.info-item:last-child{
	border-bottom:none;
	padding-bottom:0;
}

.info-label{
	font-size:0.14rem;
	color:#64748b;
	font-weight:500;
}

.info-value{
	font-size:0.14rem;
	color:#1e293b;
	font-weight:600;
	max-width:60%;
	text-align:right;
	word-break:break-all;
}

/* 按钮 */
.action-btn{
	width:100%;
	height:0.48rem;
	background:#253043;
	color:#fff;
	border:none;
	border-radius:0.08rem;
	font-size:0.16rem;
	font-weight:700;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	text-decoration:none;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:0.16rem;
}
.action-btn:active{
	opacity:0.8;
}

/* 提示文字 */
.tip-text{
	text-align:center;
	margin-top:0.16rem;
	font-size:0.12rem;
	color:#94a3b8;
}
</style>
<script>
	// 设计稿 375px，1rem = 100px，换算方法：px值 ÷ 100 = rem值
	(function(){
		var docEl = document.documentElement;
		var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
		function recalc() {
			var clientWidth = docEl.clientWidth;
			if (!clientWidth) return;
			docEl.style.fontSize = (clientWidth / 375 * 100) + 'px';
		}
		if (!document.addEventListener) return;
		window.addEventListener(resizeEvt, recalc, false);
		document.addEventListener('DOMContentLoaded', recalc, false);
		recalc();
	})();
</script>
</head>
<body class="body">
<div class="success-container">
	<!-- 成功图标 -->
	<div class="success-header">
		<div class="success-icon"></div>
		<div class="success-title">注册成功</div>
		<div class="success-desc">请妥善保管您的账户信息</div>
	</div>
	
	<!-- 账户信息卡片 -->
	<div class="info-card">
		<div class="info-title">账户信息</div>
		
		<div class="info-item">
			<span class="info-label">会员姓名</span>
			<span class="info-value">{$info[tname]}</span>
		</div>
		
		<div class="info-item">
			<span class="info-label">会员编号</span>
			<span class="info-value">{$info[uname]}</span>
		</div>
		
		<div class="info-item">
			<span class="info-label">会员电话</span>
			<span class="info-value">{$info[phone]}</span>
		</div>
		
		<div class="info-item">
			<span class="info-label">登录密码</span>
			<span class="info-value">{$info[pwdshow]}</span>
		</div>
		
		<div class="info-item">
			<span class="info-label">支付密码</span>
			<span class="info-value">{$info[pwdshow]}</span>
		</div>
		
		<div class="info-item">
			<span class="info-label">登录网址</span>
			<span class="info-value"><?php echo $_SERVER['HTTP_HOST'];?></span>
		</div>
		
		<div class="info-item">
			<span class="info-label">公众号</span>
			<span class="info-value">奥罗拉商城</span>
		</div>
	</div>
	
	<!-- 操作按钮 -->
	<a href="/user/" class="action-btn">进入个人中心</a>
	
	<!-- 提示文字 -->
	<div class="tip-text">
		建议您截图保存以上信息
	</div>
</div>
</body>
</html>
